<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>智慧兴文公共信息平台</title>
    <link rel="stylesheet" href="/static/base/index/css/global.css" type="text/css"/>
    <link rel="stylesheet" href="/static/base/index/css/index.css" type="text/css"/>
    <link href="/static/base/index/css/subpage.css" rel="stylesheet" type="text/css"/>

    <script type="text/javascript" src="/static/js/jquery.min.js"></script>
    <script type="text/javascript" src="/static/base/index/js/select_move.js"></script>
    <script type="text/javascript" src="/static/base/index/js/time.js"></script>
    <script type="text/javascript" src="/static/webjars/leis/js/leis.js"></script>
</head>

<body style="overflow: hidden;" scroll="no">

<!-- header -->
<div class="header" region="north" border="true">
    <div class="logo fleft">
        <img src="/static/base/index/images/logo_index.png" width="344" height="49"/>
    </div>
    <div class="header_right">
        <ul>
            <li><a class="top-right-btn" href="/" title="首页" for="home"></a></li>
            <li><a class="top-right-btn" href="javascript:void(0)" title="更换皮肤" for="theme"></a></li>
            <li><a class="top-right-btn" href="javascript:void(0)" title="设置" for="setup"></a></li>
            <li><a class="top-right-btn" href="javascript:void(0)" title="刷新" for="refresh"></a></li>
            <li><a class="top-right-btn" href="javascript:void(0)" title="登陆" for="home.html"></a></li>
        </ul>
    </div>
</div>
<div id="slide">
    <div class="frame" id="frame">
        <div style="height: 484px">
            <div id="scroller">
                <div id="content">
                    <div class="section" id="pane-0">
                        <div class="page1">
                            <div class="content">
                                <div class="first_screen">
                                    <div class="weather">
                                        <div class="today"><img src="/static/base/index/images/icon_tianqi.png"
                                                                width="70" height="60"/> <span>20~25°C</span></div>
                                        <div class="city">宜宾市</div>
                                        <div class="clear"></div>
                                        <div class="refresh">
                                            <span class="fleft">更新时间&nbsp;10:00</span>
                                            <a href="javascript:void(0)" class="fright">刷新</a>
                                        </div>
                                    </div>
                                    <div class="time"><span id="h1"></span> <span id="h2"></span><strong>:</strong>
                                        <span id="m1"></span> <span id="m2"></span><strong>:</strong> <span
                                                id="s1"></span> <span id="s2"></span></div>
                                    <div class="date" id="currentime"></div>
                                    <div class="welcome_wz"><img src="/static/base/index/images/welcome_wz.png"
                                                                 width="400" height="112"/></div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="section" id="pane-1" style="display:none">
                        <div class="page1">
                            <div class="content">
                                <div class="second_screen">
                                    <ul>
                                        <c:forEach items="${pubSystemList}"  var="pubSystem">
                                            <li>
                                                <div class="son-module" for="home.html" system-id="${pubSystem.id}"
                                                     title="${pubSystem.name}"><span>
                                                    <img src="/static/base/index/images/${pubSystem.pic}"/></span>
                                                    <p>${pubSystem.name}</p>
                                                </div>
                                            </li>
                                        </c:forEach>
                                        <li>
                                            <a class="son-module" target="_blank"
                                               href="http://117.172.164.151:9995/"  title="党建引领"><span><img
                                                    src="/static/base/index/images/icon_7.png"/></span>
                                                <p>党建引领</p>
                                            </a>
                                        </li>
                                        <li>
                                            <a class="son-module" target="_blank"
                                                    href="/wx.html"  title="智慧兴文微信公众号"><span><img
                                                    src="/static/base/index/images/icon_24.png"/></span>
                                                <p>智慧兴文微信公众号</p>
                                            </a>
                                        </li>
                                        <li>
                                            <a class="son-module" target="_blank"
                                               href="http://172.18.100.9:8080/ZniUIAS" title="指静脉认证系统"><span><img
                                                    src="/static/base/index/images/icon_9.png"/></span>
                                                <p>指静脉认证系统</p>
                                            </a>
                                        </li>
                                        <li>
                                            <div class="son-module" for="home.html"  title="数据交换共享平台DOA"><span><img
                                                    src="/static/base/index/images/icon_10.png"/></span>
                                                <p>数据交换共享平台DOA</p>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="son-module" for="home.html" title="数据交互子系统"><span><img
                                                    src="/static/base/index/images/icon_11.png"/></span>
                                                <p>数据交互子系统</p>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="son-module" for="home.html" title="数据交换前置数据库交互"><span><img
                                                    src="/static/base/index/images/icon_12.png"/></span>
                                                <p>数据交换前置数据库交互</p>
                                            </div>
                                        </li>

                                        <li>
                                            <a class="son-module" target="_blank"
                                               href="http://117.172.164.151:8083/index.php/index/service/electric.html" title="便民服务大数据分析子系统"><span><img
                                                    src="/static/base/index/images/bmfw.png"/></span>
                                                <p>便民服务大数据分析子系统</p>
                                            </a>
                                        </li>
                                        <li>
                                            <a class="son-module" target="_blank"
                                               href="http://117.172.164.151:9994/" title="人口大数据分析平台"><span><img
                                                    src="/static/base/index/images/zhbf.png" width="55"
                                                    height="57"/></span>
                                                <p>人口大数据分析平台</p>
                                            </a>
                                        </li>
                                        <li>
                                            <a class="son-module" target="_blank"
                                               href="http://172.18.107.28:9996/" title="公共基础数据库"><span><img
                                                    src="/static/base/index/images/base-db.png" style="border-radius: 50%;width: 60px;height: 60px"/></span>
                                                <p>公共基础数据库</p>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="switch">
            <div id="switch-content">
                <ul id="toolbar" class="navigation">
                    <li id="tab-0" class="active"><a href="javascript:void(0)"
                                                     onclick="javascript:ScrollSection(0); return false"></a></li>
                    <li id="tab-1" class="inactive"><a href="javascript:void(0)"
                                                       onclick="javascript:ScrollSection(1); return false"></a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="clear"></div>
        <div class="main_desktop">
            <div class="desktop_wrap" style="width:100%;overflow:hidden;height: 100%;">

                <c:forEach items="${pubSystemList}" var="pubSystem">
                    <div class="wrap_box">
                        <p>${pubSystem.name}</p>
                        <a class="son-module" for="home.html" system-id="${pubSystem.id}" title="${pubSystem.name}"><img
                                class="wrap_img" src="/static/base/index/images/${pubSystem.pic}"/></a>
                    </div>
                </c:forEach>

                <div class="wrap_box">
                    <p>智慧兴文微信公众号</p>
                    <a class="son-module" for="home.html" title="智慧兴文微信公众号" href="javascript:void(0)"><img
                            class="wrap_img" src="/static/base/index/images/icon_6.png"/></a>
                </div>
                <div class="wrap_box">
                    <p>指静脉认证系统</p>
                    <a class="son-module" target="_blank" href="http://172.18.100.9:8080/ZniUIAS" title="指静脉认证系统"
                       href="javascript:void(0)"><img class="wrap_img" src="/static/base/index/images/icon_2.png"/></a>
                </div>
                <div class="wrap_box">
                    <p>数据交换共享平台DOA</p>
                    <a class="son-module" title="数据交换共享平台DOA" target="_blank" href="javascript:void(0)"><img
                            class="wrap_img" src="/static/base/index/images/icon_3.png"/></a>
                </div>
                <div class="wrap_box">
                    <p>数据交换前置数据库交互</p>
                    <a class="son-module" for="home.html" title="数据交换前置数据库交互" href="javascript:void(0)"><img
                            class="wrap_img" src="/static/base/index/images/icon_4.png"/></a>
                </div>
            </div>
            <div class="desktop_wrap2" style="display: none;"></div>
        </div>
    </div>
</div>

<div id="footer" region="south" border="false" class="cs-south">
    <div class="footer_center">
        <span>智慧兴文城乡公共信息平台:</span>
        <a>All Rights Reserved.&nbsp;</a>
        <span>版权所有:</span>
        <a href="http://www.ituohui.com/" target="_blank">四川省数聚汇智科技有限公司</a>
    </div>
    <div class="footer_right">
        <span class="number">在线人数<strong>24</strong>人</span>
    </div>
    <div class="clear"></div>
</div>
</body>
<script type="text/javascript" src="/static/base/index/js/bounce-table.js"></script>
<script type="text/javascript">

    //刷新页面高度
    $(function () {
        var screen_height = $(window.parent.document).height();
        var frame_height = screen_height - 111;
        $("#frame").css("height", frame_height);
    });

    //顶部导航事件
    $(".header_right .top-right-btn").click(function () {
        var that = $(this);
        var for_value = that.attr("for");
        if (for_value === 'login') {
            console.log("login");
        }
    });

    //子系统导航事件
    $(".son-module").click(function () {
        var that = $(this);
        var for_value = that.attr("for");
        if (for_value === undefined || for_value === null || for_value === "") return;
        var system = that.attr("system-id");
        if (system == null || system === undefined || system === "") {
            alert("该子系统为平台底层构建！");
        } else
            window.open("/login.html?system=" + system);
        // refresh(for_value,param);
    });
</script>
</html>
